import React from "react"
import ProjectPng from "../assets/images/project.png";
import {Input} from 'antd'
import {FolderOpenOutlined} from "@ant-design/icons";

export default class ProjectLeft extends React.Component {
    render() {
        return (
            <div className="manager-area-left">
                <div className="area-left-area">
                    <div className="left-area-top">
                        <div className="top-title">LWX接口项目</div>
                        <div className="top-brief">简介：这是一个项目简介</div>
                        <img className="top-img" src={ProjectPng} alt=""/>
                        <Input.Search allowClear style={{ marginLeft: 15 + 'px', marginRight: 15 + 'px', width: '89%' }} placeholder="输入项目名称" />
                    </div>
                    <div className="left-list-main">
                        <ul>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目一</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目二</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目三</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目四</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目五</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目六</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目一</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目二</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目三</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目四</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目五</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目六</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目一</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目二</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目三</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目四</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目五</li>
                            <li><FolderOpenOutlined style={{marginLeft: 10 + 'px', marginRight: 10 + 'px'}} />项目六</li>
                        </ul>
                    </div>
                </div>
            </div>
        )
    }
}